<!-- <input class="form-control"  style="border-radius:20%" ng-value="to.translate||'未设置'" type="text" disabled="disabled"/> -->

<a href="#"   onmouseover="tip.start(this)"  tips="{{to.translate}}" ><input class="form-control"  style="border-radius:20%" ng-value="to.translate||'未设置'" type="text" disabled="disabled"/></a>
<div id="mjs:tip" class="tip" style="z-index:100;position:absolute;left:0;top:0;display:none;"></div> 

 <!-- <div  class="cxfeeditem feeditem cxhover" >
 
   <a ng-mouseover="onNameMouseOver(model[options.key],$event)">{{model[options.key]}}</a>

 </div>
 -->

 <script type="text/javascript"> 
  var tip={$:function(ele){
  if(typeof(ele)=="object") 
    return ele; 
  else if(typeof(ele)=="string"||typeof(ele)=="number") 
    return document.getElementById(ele.toString()); 
    return null; 
  }, 
  mousePos:function(e){ 
    var x,y; 
    var e = e||window.event; 
    return{x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft, 
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop}; 
  }, 
  start:function(obj){
    // console.log(typeof(obj.getAttribute("tips")))
    if(typeof(obj.getAttribute("tips"))=="string"&&obj.getAttribute("tips").length>65){
      // console.log(typeof(obj.getAttribute("tips")))
      var self = this; 
      var t = self.$("mjs:tip"); 
      obj.onmousemove=function(e){ 
        var mouse = self.mousePos(e);   
        t.style.left = mouse.x - 270 + 'px'; 
        t.style.top = mouse.y - 220 + 'px'; 
        t.innerHTML = obj.getAttribute("tips"); 
        t.style.display = 'inline'; 
      }; 
      obj.onmouseout=function(){ 
        t.style.display = 'none'; 
      }; 
    }
  } 
} 
  </script>
